


/*设置不换行ul ol*/
ul,ol{
    white-space: nowrap;
}




.m-padded-min{
    padding: 0.3em !important;
}
.m-padded-tb-mini {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}

.m-padded-tb-massive{
    padding-top: 2em!important;
    padding-bottom: 2em!important;
}
.m-padded-tb-tiny{
    padding-top: 0.3em!important;
    padding-bottom: 0.3em!important;
}
.m-padded-tb-small{
    padding-top: 0.5em!important;
    padding-bottom: 0.5em!important;
}
.m-padded-tb{
    padding-top: 1em!important;
    padding-bottom: 1em!important;
}
.m-padded-tb-large{
    padding-top: 2em!important;
    padding-bottom: 2em!important;
}
.m-padded-tb-large-responsive{
    padding-top: 2em!important;
    padding-bottom: 2em!important;
}
.m-padded-tb-big{
    padding-top: 3em!important;
    padding-bottom: 3em!important;
}
.m-padded-tb-huge{
    padding-top: 4em!important;
    padding-bottom: 4em!important;
}

/*margin*/
.m-margin-tb-tiny{
    margin-top: 0.3em!important;
    margin-bottom: 0.3em!important;
    margin-left: 20px!important;
    margin-right: 1em!important;
}
.m-margin-tb-left{
    margin-left: 20px!important;
}
.m-margin-tb-right{
    margin-right: 20px!important;
}
.m-margin-bottom-small{
    margin-bottom: 0.5em!important;
}
.m-margin-tb-round{
    margin-left: 5px!important;
    margin-right: 5px!important;
    margin-top: 5px!important;
}

/* ----text-----*/
.m-text{
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    line-height: 1.8;
}
.m-text-thin{
    font-weight: 300 !important;
}
.m-text-spaced{
    letter-spacing: 1px !important;
}
.m-text-spaced-big{
    letter-spacing: 3px !important;
}
.m-text-lined{
    line-height: 1.8;
}
.m-text-write{
    color: aliceblue!important;
}
.m-text-highlight{
    color: #7b50ff !important;
}
.m-text-color-black{
    color: black!important;
}

.m-opacity-mini {
    opacity: 0.8 !important;
}
.m-opacity-min{
    opacity: 85% !important;
}

/*------position----*/
.m-right-top{
    position: absolute;
    top: 0;
    right: 0;
}

/*-----display------*/
.m-inline-block {
    display: inline-block!important;
}
/*------container------*/
.m-container{
    max-width:  72em!important;
    margin: auto !important;
}
.m-container-small{
    max-width:  60em!important;
    margin: auto !important;
}
.m-container-little{
    max-width: 10em!important;

    margin: 60em!important;
}

/*---------position-----fixed绝对路径-*/
.m-fixed{
    position: fixed!important;

}
.m-absolute-middle-right{
    bottom: 50%!important;
    right: 10px!important;
    z-index: 10!important;
}
/*------color*/
.m-black{
    color: black!important;
}

.m-mobile-show{
    display: none!important;
}
.m-hide{
    display: none!important;
}

@media screen and (max-width: 768px){
    .m-mobile-hide{
        display: none!important;
    }
    .m-mobile-show{
        display: inline!important;
    }
    .m-padded-tb-large-responsive{
        padding-top: 0em!important;
        padding-bottom: 0em!important;
    }
    .m-mobile-wide{
        width: 100%!important;
    }
}